<template>
  <div class="flex h-[640px] items-center justify-center">
    <noAccess />
    <div class="ml-48">
      <WlMotion delay="80">
        <p class="text-4xl font-medium mb-16 dark:text-white">403</p>
      </WlMotion>
      <WlMotion delay="120">
        <p class="text-gray-500 mb-16">抱歉，你无权访问该页面</p>
      </WlMotion>
      <WlMotion delay="160">
        <el-button type="primary" @click="router.push('/')">返回首页</el-button>
      </WlMotion>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'
import noAccess from '@/assets/status/403.svg?component'
import WlMotion from '@/components/WlMotion/index.vue'

const router = useRouter()
</script>
